<template>
    <!-- footer开始    start -->
    <div class="footer">
        <div class="w smail_footer">
            <div class="footer_top">
                <ul>
                    <li>
                        <dl>
                            <dt>购买指南</dt>
                            <dd>购买流程</dd>
                            <dd>会员介绍</dd>
                            <dd>生活旅游/团购</dd>
                            <dd>常见问题</dd>
                            <dd>购物指南</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>配送方式</dt>
                            <dd>上门自提</dd>
                            <dd>211限时达</dd>
                            <dd>配送服务查询</dd>
                            <dd>配送费收取标准</dd>
                            <dd>海外配送</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>支付方式</dt>
                            <dd>货到付款</dd>
                            <dd>在线支付</dd>
                            <dd>分期付款</dd>
                            <dd>邮寄付款</dd>
                            <dd>公司转账</dd>
                        </dl>
                    </li> 
                    <li>
                        <dl>
                            <dt>售后服务</dt>
                            <dd>售后政策</dd>
                            <dd>价格保护</dd>
                            <dd>退款说明</dd>
                            <dd>返修/退换货</dd>
                            <dd>取消订单</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>特色服务</dt>
                            <dd>夺宝岛</dd>
                            <dd>DIY装机</dd>
                            <dd>延保服务</dd>
                            <dd>京东E卡</dd>
                            <dd>京东通信</dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <hr>
            <div class="footer_bottom">
                <ul>
                    <li>关于我们</li>
                    <li class="footer_li">|</li>
                    <li>联系我们</li>
                    <li class="footer_li">|</li>
                    <li>关于我们</li>
                    <li class="footer_li">|</li>
                    <li>商家入驻</li>
                    <li class="footer_li">|</li>
                    <li>营销中心</li>
                    <li class="footer_li">|</li>
                    <li>友情链接</li>
                    <li class="footer_li">|</li>
                    <li>关于我们</li>
                    <li class="footer_li">|</li>
                    <li>营销中心</li>
                    <li class="footer_li">|</li>
                    <li>友情链接</li>
                    <li class="footer_li">|</li>
                    <li>关于我们</li>
                </ul>
                <i>地址：浙江杭州余桃综合楼5层京东</i>
                <p>京ICP备19006430号</p>
            </div>
        </div>
    </div>
    <!-- footer结束    end -->
</template>

<script>
export default {
    name:'Footer'
}
</script>

<style scoped lang='less'>
//footer开始   start
.footer{
    margin-top: 15px;
    width: 100%;
    background-color: #eaeaea;
    .smail_footer{
        .footer_top{
            margin-bottom: 20px;
            ul{
                display: flex;
                justify-content: space-around;
                li{
                    dt{
                        margin-top: 20px;
                        font-size: 14px;
                        font-weight: 600;
                        margin-bottom: 7px;
                    }
                    dd{
                        line-height: 25px;
                    }
                }
            }
        }
        .footer_bottom{
            line-height: 25px;
            text-align: center;
            ul{
                margin-top: 20px;
                display: flex;
                justify-content: center;
                .footer_li{
                    padding: 0px 15px;
                }
            }
        }
    }
}
//footer结束   end
</style>